Otter ai- Excellent Onboarding Examples for B2B SaaS Products B2B SaaS 產品的優秀引導案例

Otter.ai引導流程的三個要點:

登陸前體驗

上週詳細介紹了從落地頁到付費提示的流程。概括如下:

  1. 落地頁
  1. 第一步:付費提示
  1. 註冊步驟1:建立賬號
  1. 註冊步驟2:設定密碼
  1. 註冊步驟3:填寫姓名
  1. 設定1:開啟自動會議記錄
  1. 設定2:連線日曆記錄通話
  1. 設定3:邀請團隊成員
  1. 最終付費提示:展示更多功能

雖然步驟看起來很多,但整體體驗簡單、清晰、流暢。三個原因讓引導過程輕鬆:

  1. 每步只引導一個動作
  1. 複雜任務拆分成小步驟(如邀請團隊)
  1. 用圖示說明細節,減少文字負擔

Homepage UI 主頁介面

引導完成後,系統要求我連線日曆並新增團隊成員。

主頁有6個區域:頂部橫幅(日曆/Zoom整合)、中心區域(待辦清單)、左側上下方(團隊邀請/導航及限制/升級)、右側(日曆整合)和底部(搜尋演示)。頁面設計簡潔,透過字型大小和顏色突出重點:"開始使用"採用大號深色字型,次要資訊用灰色顯示。

頁面設計清晰,重點突出。深藍色專門用於突出重要功能:

動態圖展示了Otter如何與您的日曆無縫整合,提前展示產品價值底部用柔和的字型和勾選圖示列出主要優勢,整合按鈕展示了支援的服務:Google、Microsoft和Zoom從使用者體驗角度看,這個動態展示非常直觀。

製作動態圖時要注意:確保使用者能在5秒內理解內容。

Getting Started Checklist  新手入門清單🤌

這種引導方式效果因產品而異。關鍵在於執行方式和產品特點。以Mural為例,發現新增便利貼是關鍵指標,於是將其加入新手任務。透過這個改變,首周活躍度提升10%,顯著改善了使用者留存。

Otter採用了逐步展示任務的方式,完成一項後才顯示下一項。與Mural一次性展示6個文字繁多的步驟不同,Otter只展示兩個最重要的任務:1 連線日曆以安排日程,2錄製第一段對話

錄製完第一段對話後,按鈕顯示對勾,文字變灰並新增刪除線,讓介面更簡潔。繼續使用時會出現新任務:學習基礎知識和回放對話。

請注意,僅僅加入新手任務清單可能無法立即見效。在實施前,需要考慮:如何讓使用者真正受益?如何適應具體場景?

關鍵行為(Magic Moment)使用者數量該使用者群的留存率該使用者群的付費轉化率
已整合日曆的使用者#高於平均水平更有可能付費
進行過1次錄音的使用者#明顯高於平均水平更有可能付費
播放過錄音的使用者#遠高於平均水平更有可能付費
進行過多次錄音的使用者#留存率極高更有可能付費

Otter's snazzy Recording Tutorial Otter 錄音教程使用指南

點選"開始錄音"按鈕後,系統顯示深藍色提示框。簡潔的四步指引讓操作變得直觀。授權麥克風後進入教程頁面。計時器上方的提示框詢問:請說出瞭解Otter的渠道,使用Otter的目的,您的職業。

  1. 透過錄音功能快速展示核心價值
  1. 收集使用者反饋(瞭解渠道、目標和職業背景)
  1. 讓使用者無需預約即可開始使用

In summary, a 9/10 activation experience 9分引導體驗

儘管存在一些bug和過多的提示框,但我對這個快速上手的流程印象深刻。

以下是Otter如何在11分鐘內讓使用者快速上手的10個要點:

  1. 文案簡潔友好
  1. 重要功能使用醒目顏色
  1. 精簡使用者操作,大多數按鈕作為次要選項
  1. 主頁保持留白,核心任務少而精
  1. 完成基礎任務後再展示更多功能
  1. 用圖片代替文字說明
  1. 用動圖展示最佳實踐
  1. 提示框要簡潔,每個教程不超過4-5個
  1. 讓使用者在各種場景下都能輕鬆操作
  1. 收集使用者反饋,如錄音時的引導問題